﻿<div class="upStepContent" ng-style="{'width':param.width+'px'}">
    <div class="ystep-progress">
        <p class="ystep-progress-bar" ng-style="{'width':param.width+'px'}">
            <span class="ystep-progress-highlight" ng-style="{'width':(param.currStep+1) * (100/param.steps.length)+'%'}">
            </span>
        </p>
    </div>
    <div>
        <ul>
            <!--img-span img-{{$index==param.currStep?'curr':'unfinish'}}"-->
            <li ng-mouseenter="upStepLogic.showSort($index)" ng-mouseleave="upStepLogic.hideSort($index)" ng-repeat="step in param.steps" ng-style="{'width':param.width/param.steps.length+'px'}">
                <span class="img-span-par" ng-style="{'left':(param.width/param.steps.length)/2-20+'px'}">
                    <span ng-click="upStepLogic.setDebar($index)" ng-bind="$index>=param.currStep&&!param.isEditing&&param.currStep!=param.steps.length-1?($index+1):''"
                          ng-class="{'img-span':true,'pointer':param.isEditing,'img-complate':(param.isEditing?(!step.isDebar):($index<param.currStep||param.currStep==param.steps.length-1)),'img-curr':(param.isEditing?false:($index==param.currStep&&param.currStep<param.steps.length-1)),'img-unfinish':(param.isEditing?(step.isDebar):($index>param.currStep))}">
                        <span class="glyphicon glyphicon-ok font-size-12" ng-if="$index<param.currStep"></span>
                    </span>
                </span>
                <div style="width:100%;float:left;"><a href="" title="{{step.describe}}" ng-class="{curr:$index==param.currStep}" ng-bind="step.name"></a></div>
                <div>
                    <span class="time" ng-bind="step.time | date:'yyyy.MM.dd HH:mm'"></span>
                </div>
                <div class="sortdiv" ng-show="step.isShowSortDiv" ng-style="{'width':param.width/param.steps.length+'px'}">
                    <button ng-hide="$first" class="btn btn-warning btn-sm pull-left" ng-click="upStepLogic.toLeft($index)"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span></button>
                    <button ng-hide="$last" class="btn btn-warning btn-sm pull-right" ng-click="upStepLogic.toRight($index)"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span></button>
                </div>
            </li>
        </ul>
    </div>
</div>
